<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <?php include_http_metas() ?>
    <?php include_metas() ?>
    <?php include_title() ?>
    <!-- <link rel="shortcut icon" href="/favicon.ico" /> -->
    <?php include_stylesheets() ?>
    <?php include_javascripts() ?>
 </head>

	<body>
	<?php if($sf_user->isAuthenticated()) :?>
		<div id="session_id" style="display:none;visibility:hidden;position:absolute;"><?php echo session_id(); ?></div>

			<!-- manually attach allowOverflow method to pane -->
		<div class="ui-layout-north">
			<div id="mydroplinemenu" class="menubar">
				<ul>
					<li class="menuItem scrolling">
						<p class="mainText"><a href="#">File</a></p>
						<a title="Open a Project" href="<?php echo url_for('main/projectList') ?>"><p class="subText">Open</p></a>
						<a title="Import Luna Project" href="<?php echo url_for('importMedia/index') ?>"><p class="subText">Import</p></a>
						<a title="Export project to Luna Format" href="<?php echo url_for('exportToLuna/index')?>" onclick="exportToMediaFormat();"><p class="subText">Export</p></a>

					</li>
					<li class="menuItem">
						<p class="mainText"><a href="#" onclick="editFeatDef();">Edit Feat Def</a></p>
					</li>
					<li class="menuItem">
						<p class="mainText"><?php echo link_to('Logout', '@sf_guard_signout') ?></p>
²					</li>
				</ul>
			</div>
		</div>

		<!-- allowOverflow auto-attached by option: west__showOverflowOnHover = true -->
		<div class="ui-layout-west">
			<div class="div1 roundedCorner">
				<h2 class="pannel roundedCorner">Tools<span class="toolIcon"></span></h2>
				
				<button class="toolButton roundedCorner" id="selectTool">Select</button><br/><br/>

				<button class="toolButton roundedCorner" id="newTool">New</button><br/><br/>

				<button class="toolButton roundedCorner" id="deleteTool">Delete</button><br/><br/>

				<button class="toolButton roundedCorner" id="linkTool">Link</button><br/><br/>

				<button class="toolButton roundedCorner" id="closeTool"onclick="myLayout.close('west')">Close Me</button>
			</div>
			<?php if (has_slot("choice")): ?>
			<?php include_slot("choice"); ?>
			<?php endif;?>
			
		</div>

		<div class="ui-layout-south">
		
			<div id="nav_bar">
				<a href="#" id="first"><img alt="Rewind" src="images/start.png" /></a>
				<a href="#" id="previous"><img alt="Previous" src="images/previous.png" /></a>
				<span id="indice"></span>
				<span> / </span>
				<span id="total"></span>
				<a href="#" id="next"><img alt="Next" src="images/next.png" /></a>
				<a href="#" id="last"><img alt="Last" src="images/finish.png" /></a>
			</div>	
		
		</div>


		<div class="ui-layout-center">
			<div id="edit" class="elementView"></div>
			<div id="new" class="elementView"></div>
			<div id="editFeatDef" class="elementView"></div>
			<div id="open" class="elementView"></div>	
				
			<div id="content" > 
			<?php echo $sf_content ?>
				<!-- <div id="whiteboard">
					
				</div> -->
			</div>
			
		</div>
		
		<div class="ui-layout-east">
		
			<div id="tooltip"></div>

		</div>	
	<?php else: ?>
	<?php echo $sf_content ?>
	<?php endif; ?>
	</body>

</html>